<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    用户名：<input type="text" id="q"> 手机号：
    <input type="text" id="a"> 密码：
    <input type="password" id="w">
    <button id="btn">验证</button>
    <script>
        //          3、百度注册页面的验证


        // - 用户名只能最多7个汉字 或者 14个英文字母  只能有14个字符，一个中文表示两个字符
        // 用户名
        // 获取元素
        var btn = document.querySelector('#btn')
        var q = document.querySelector('#q')
        var a = document.querySelector('#a')
        var w = document.querySelector('#w')
        var reg1 = /^[a-zA-Z]{14}|[\u4e00-\u9fa5]{7}$/
        var str1 = '非法的飞得更高'
            // 手机号
        var reg2 = /^1[35678]\d{9}$/
        var str2 = '15676575676'
            // 密码
        var reg3 = /^[0-9a-zA-Z,\.]{8,14}$/
        var str3 = '9refexcle,.'
            // 获取点击事件
        btn.onclick = function() {
            if (reg1.test(q.value)) {
                alert('输入正确')
            } else {
                alert('请输入正确的用户名')
            }
            if (reg2.test(a.value)) {
                alert('输入正确')
            } else {
                alert('请输入正确的手机号')
            }
            if (reg3.test(w.value)) {
                alert('输入正确')
            } else {
                alert('请输入正确的密码')
            }

        }
    </script>
</body>

</html>